Domingo, 05 de Junio de 2024

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Tablas > Estructura


Una de las formas más útiles de posicionar objetos en una web, son las tablas. Además de esto, nos puede servir para diseñar unos márgenes, aumentar la velocidad de imágenes animadas, y sobre todo, crear cuadrículas.

Las estructura de tabla es un poco más compleja que las vistas hasta ahora, y con muchas posibilidades gracias a todas las combinaciones que podemos realizar con los parametros que la afectan.

Para crear un tabla debemos tener en cuenta sus tres niveles:
     - La Tabla.
     - Las Filas de la Tabla.
     - Las Celdas de cada Fila.

Así para una tabla de 2 filas y 2 columnas debemos pensar en que queremos crear algo como esto:


En el gráfico podemos ver en azul la tabla, en verde cada una de las filas, y dentro de ellas, en rojo, cada una de las celdas.
Al escribir nuestra página, deberemos seguir este mismo orden: primero definir cuando empezamos la tabla con <TABLE> y hasta donde llegará con </TABLE>, entre medio de estas dos instrucciones deberemos definir cada una de las filas de la tabla con <TR> ... </TR>, y dentro de estas filas definir cada una de sus celdas con <TD> ... </TD>.

Por tanto para hacer una tabla como la que hemos visto antes, deberíamos escribir...

<TABLE>
   <TR>
      <TD>
         Primera celda de primera línea.
      </TD>
      <TD>
         Segunda celda de primera línea.
      </TD>
   </TR>
   <TR>
      <TD>
         Primera celda de segunda línea.
      </TD>
      <TD>
         Segunda celda de segunda línea.
      </TD>
   </TR>
</TABLE>